<template>
	<view>
		<view>水平滚动</view>
		<scroll-view :scroll-x="true" >
			<view class="item first">001</view>
			<view class="item second">002</view>
			<view class="item third">003</view>
		</scroll-view>
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	scroll-view{
		height: 200rpx;
		/* 父元素设置不换行 */
		white-space: nowrap;
	}
	.item{
		width: 750rpx;
		height: 200rpx;
		/* 子元素设置display:inline-block */
		display: inline-block;
	}
	.first{
		background: orange;
	}
	.second{
		background: red;
	}
	.third{
		background: green;
	}
</style>
